/* src/components/c-order/order-list-box/item/index.wxss */
@import '../../../../assets/scss/support';

.container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 702rpx;
    height:180rpx;
    padding:0 24rpx;
    border-top:1rpx solid #e9e9e9;
    background: #fff;
}

.img-container{
    display: flex;
    flex-direction: column;
    width:120rpx;
}

.img-box{
    width:120rpx;
    height:120rpx;
    background: #e9e9e9;
}

.img-box image{
    width:120rpx;
    height:120rpx;
}

.info-container{
    display: flex;
    flex-direction: column;
    width:572rpx;
}

.info-top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.item-name{
    @include textoverflow(2);
    font-size: 32rpx;
    color:#333;
}

.price-container{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top:4rpx;
}

.price{
    font-size: 30rpx;
    color:#333;
}

.count{
    font-size: 30rpx;
    color:#333;
}

.info-bottom{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.info-bottom text{
    color:#666;
    font-size: 24rpx;
}

.color{
    margin-right: 10rpx;
}

.size{
  padding-top:2rpx;
}

